<template>
  <div>
    <div class="grid grid-cols-2 md:gap-4 !md:m-4">
      <TenantMaturityAnalysisCard />
      <AppActiveUserNumInTotalCard v-if="checkPowerByName('getAppActiveUsersSummary')" />
      <AppActiveUserNumByTenantCard v-if="checkPowerByName('getAppActiveUsersByTenant')" />
      <AppActiveUserNumByArchTypeCard v-if="checkPowerByName('getAppActiveUsersByArc')" />
    </div>
  </div>
</template>

<script lang="ts" setup>
import TenantMaturityAnalysisCard from './cards/TenantMaturityAnalysisCard.vue';
import AppActiveUserNumInTotalCard from './cards/AppActiveUserNumInTotalCard.vue';
import AppActiveUserNumByTenantCard from './cards/AppActiveUserNumByTenantCard.vue';
import AppActiveUserNumByArchTypeCard from './cards/AppActiveUserNumByArchTypeCard.vue';
import { checkPowerByName } from '../../../../utils/permission';
</script>
